<template>
    <view>
        <view class="status_bar">
            <text class="text">{{TitleText}}</text>
            <span><uni-icons class="uni-icons" type="back" size="30"></uni-icons></span>
        </view>
    </view>
</template>

<script>
    export default {
        props: {
            // 导航栏标题
            TitleText: {
                type: String
            },
            // 左侧
        },
        data() {
            return {

            };
        }
    }
</script>

<style lang="scss">
    .status_bar {
        position: relative;
        height: var(--status-bar-height);
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 176rpx;
        background-color: #FFFFFF;

        .text {
            font-family: PingFang-SC-Bold;
            font-size: 36rpx;
            font-weight: 600;
            color: #191919;
            margin-top: 75rpx;
        }
        
        .box {
            background-color: #EEEEEE;
        }
    }

    .uni-icons {
        position: absolute;
        bottom: 10rpx;
        left: 32rpx;
    }
</style>
